<template>
  <div class="audition76">
    <v-md-preview :text="text1" />
  </div>
</template>

<script>
const prefix = '``` html'
const suffix = '```'
export default {
  name: 'Audition76',
  data() {
    return {
      text1: `${prefix}
        CSS hack：CSS hack是通过在CSS样式中加入一些特殊的符号，
          让不同的浏览器识别不同的符号（什么样的浏览器识别什么样的符号是有标准的，CSS hack就是让你记住这个标准），
          以达到应用不同的CSS样式的目的。

        注：CSS属性Hack、CSS选择符Hack以及IE条件注释Hack， Hack主要针对IE浏览器。

        例：margin属性在ie6中显示的距离会比其他浏览器中显示的距离宽2倍，
          也就是说margin-left:20px;在ie6中距左侧对象的实际显示距离是40px，
          而在非ie6中显示的距左侧对象的距离是设置的值20px;
          所以要想设置一个对象距离左侧对象的距离在所有浏览器中都显示是20px的宽度的样式应为：
          .kwstu{margin-left:20px;_margin-left:20px;}

        CSS hack常见的三种形式：
            1. 属性级Hack：比如IE6能识别下划线“_”和星号“*”，
              IE7能识别星号“*”，但不能识别下划线”_ ”，而firefox两个都不能认识。
            2. 选择符级Hack：比如IE6能识别*html .class{}，
              IE7能识别*+html .class{}或者*:first-child+html .class{}。
            3. IE条件注释Hack：IE条件注释是微软IE5开始就提供的一种非标准逻辑语句。
              比如针对所有IE：<!-[if IE]><!-您的代码-><![endif]>，
              针对IE6及以下版本：<!-[if it IE 7]><!-您的代码-><![endif]->，
              这类Hack不仅对CSS生效，对写在判断语句里面的所有代码都会生效。
      \n${suffix}`,
    }
  }
}
</script>

<style>

</style>